---
title: 'A page representing some edge cases of div.notecard that we might encounter'
slug: Web/Check_notecards
---

<p>This page exists to test the formatNotecards utility for transforming notecards from h4 to strong</p>

<div class="notecard note">
  <h4>Some heading</h4>
  No paragraph here.
  <p>Paragraph 2</p>
</div>

<div class="notecard warning">
  <h4>Some heading</h4>
  <p>Paragraph 1</p>
  <p>Paragraph 2</p>
</div>

<div class="notecard extra">
  <h4>Some heading</h4>
  <p>Paragraph 1</p>
  <span>Foo bar</span>
  <p>Paragraph 2</p>
</div>
